<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
<link rel="import" href="chrome://resources/cr_elements/icons.html">
<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
<link rel="import" href="chrome://resources/html/action_link.html">
<link rel="import" href="chrome://resources/html/action_link_css.html">
<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-progress.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">  
<link rel="import" href="chrome://downloads/browser_proxy.html">
<link rel="import" href="chrome://downloads/constants.html">
<link rel="import" href="chrome://downloads/i18n_setup.html">
<link rel="import" href="chrome://downloads/icons.html">

<link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">


<dom-module id="downloads-login">
    <template>
        <style>
        .content{ position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(230, 227, 227, 0.8);}
        .content .denglu{width: 600px;margin: 0 auto;height: 400px;box-sizing: border-box;border-radius: 10px;box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);background: #ffffff;}
        .content .denglu .box{width: 100%;padding: 0 130px;box-sizing: border-box;}
        .content .denglu h1{text-align: center;line-height: 80px;color: #2c2c2c;}
        .denglu .box .inputBox{padding-left: 38px;margin-top: 18px;width: 100%;border-radius: 4px;border: 1px solid #e7e7e7;height: 44px;box-sizing: border-box;line-height: 44px;}
        .denglu .box .inputBox img{margin: 13px 11px 0 -27px;float: left;}
        .denglu .box .inputBox input{color: #666666;font-size: 14px;height: 42px;width: 100%;padding-left: 3px;box-sizing: border-box;float: left;}
        input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #cccccc;}
        .denglu .box p input[type=checkBox]{vertical-align: text-top;width: 14px;height: 14px;margin-right: 5px;}
        .denglu .box p span{font-size: 14px;line-height: 34px;}
        .denglu .box p span.right{float: right;}
        .denglu .box .btnDenglu{width: 100%;background: #1559d4;height: 42px;color: #ffffff;border-radius: 4px;margin-top: 25px;cursor: pointer;}
        .denglu .box .btnDenglu:hover{background: #407cec;}
        .denglu .box .btnDenglu:active{background: #124ebc;}
        </style>
            <iron-ajax
            id="ajax" method="POST" url="" handle-as="json" content-type="application/json" dataType="jsonp"  headers='X-CSRF-Token": "csrfToken' on-response="handleResponse"></iron-ajax>            
            <img  on-click="openDialog"  src="">
            <paper-dialog id="dialog" role="dialog" >
                <div class="content">
                    <div class="denglu">
                        <div class="box">
                            <h1>登录洪流</h1>
                            <form action="" method="post">
                                <div class="inputBox"><img src="" alt=""><input id="userID" type="text" placeholder="手机号/邮箱" /></div>
                                <div class="inputBox"><img src="" alt=""><input id="userPwd" type="password" placeholder="请输入密码"/></div>
                                <p><input type="checkBox"><span>记住我</span><span class="right">找回密码</span></p>
                                <input type="button" class="btnDenglu" value="登  录">
                            </form>
                        </div>
                    </div>
                </div>        
            </paper-dialog>
    </template>
    <script src="chrome://downloads/login.js"></script>
</dom-module>